…inuous

The collapsed sidebar was 80px wide around 14-16px icons, and the rail
painted two different greys because the antd menu drew its own
background over the middle. The frame lines were nearly invisible, so
the rail edge and the top bars never read as one frame.

- Rail is 48px collapsed, one flat colour, darker than the content in
  dark mode and white in light mode.
- New shell tokens (rail background, frame line, scroll thumb) so the
  rail edge, the breadcrumb bar and the playground header share one line.
- Workflow sidebar header rows are 45px, so the rail's lines land on the
  same y as the content's and carry straight across.
- The agent picker loses its own border inside the framed row.
- Configuration panel gets a quiet scrollbar: gutter always reserved, so
  no content shift, thumb only on hover or focus.

… cleanly

The config and chat panels were separated by a 12px dark channel, and
neither header reached it. The config panel's sticky headers also
stopped short of the panel edge once the scrollbar gutter was reserved.

- The Build/Chat divider is a hairline in the shell's frame colour, so
  both panels butt against it. The grab zone stays 11px wide and the
  grip only appears on hover or drag.
- Sticky headers stretch across the reserved scrollbar gutter, so they
  span the panel edge to edge. The gutter width is measured, since it is
  zero on overlay-scrollbar systems.
- The chat panel gets the same quiet scrollbar as the config panel.
- Below 320px the config panel drops what it can spare: Configuration
  becomes Config, Deploy and Commit become icon buttons, section rows
  keep their icon and summary, and list rows keep their name. It can now
  be dragged down to 240px.

Hide the "Context X% used" budget indicator from the agent playground
chat composer for now. The ContextBudgetIndicator component and its
budget-computation logic are left fully wired up; the render is gated
behind a `showContextBudget` flag so it can be restored by flipping a
single boolean.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017RbBcPmNAWtVwcVbL1Sy96

…panel collapse

Keeps only the sticky-header fix from the previous commit: config panel
headers still span the panel edge to edge across the reserved scrollbar
gutter.

Restored: the 12px gutter divider with its persistent grip, the 20%
minimum config width, and the full labels on section rows, list rows and
the Deploy/Commit buttons.

…-phv9x9

fix(frontend): hide context-window meter from agent playground composer

Wires OverlayScrollbar into the playground config pane: the pane becomes
the positioned hover group, and the thumb is rendered as a sibling of
the scroller so it floats over the content.

antd styles every Splitter panel with overflow:auto. A transient overflow
while the config sections load left Chrome's thin panel scrollbar stuck
on screen with a full-height thumb, next to the panel's real overlay
scrollbar. The sections inside own all scrolling, so the panels are
clipped instead.

feat(frontend): create an agent from a website template deep link

fix(frontend): tighten the app shell lines and the playground scrollbars

[fix] Remove the redundant boolean annotation that fails TypeScript lint